<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <script text="javascript">
        function recargar() {
            //se activa el método alert luego de 2 segundos
            //setTimeout("alert('Pasaron 2 segundos!')",2000); 10000
            setTimeout('document.location.reload()', 1000);
        }
    </script>

    <ui:composition template="/template.xhtml">
        <ui:define name="body" >


            <h:form id="frm_exped" >
                <p:growl id="growl" showDetail="true"/>
                <h:panelGroup id="messagePanel" layout="block" >
                </h:panelGroup>
                <p:panel header=" Seguimiento  de  Registros" >
                    <h:panelGroup >
                        <p:dataTable value="#{expedienteController.listaExpAll}" var="item" id="dataTable" resizableColumns="true" widgetVar="expTable"  
                                     paginator="true" rows="5"   filteredValue="#{expedienteController.filteredExped}" 
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                     rowsPerPageTemplate="5,10" rowKey="#{item.codExp}" selection="#{expedienteController.expedient}" selectionMode="single"
                                     >

                            <p:ajax event="rowSelect" listener="#{expedienteController.onRowSelect}"     
                                    update=":pestana:tabView:dataTabled, :pestana:tabView:dataTablea"   />   
                            <p:ajax event="rowUnselect"   />  

                            <p:column width="40" style="text-align: center;font-size: 11px" filterBy="#{item.codExp}" filterMaxLength="13" resizable="true" headerText="Exped" 
                                      filterMatchMode="startsWith"> 
                                <f:facet name="header"><h:outputText value="Nº Regist"/></f:facet>
                                <h:outputText value="#{item.codExp}"/>
                            </p:column>
                            <p:column width="50" style="text-align: center; font-size: 11px" id="yearColumn"  headerText="Fecha" filterMatchMode="startsWith" sortBy="#{item.fechaReg}" >
                                <!--f:facet name="header"><h:outputText rendered="true" value="#{bundle.ListExpedienteTitle_fechaReg}"/></f:facet-->
                                <h:outputText value="#{item.fechaReg}" >
                                    <!--f:convertDateTime pattern="EEEEE dd MMMMM yyyy"   / Dia de la Semana  -->
                                    <f:convertDateTime pattern="yyyy/MM/dd" type="date" dateStyle="both"/>
                                    <!--f:convertDateTime pattern="dd.MM.yyyy" /-->
                                    <f:convertDateTime pattern="dd-MM-yyyy HH:mm:ss" dateStyle="datetime" />
                                    <!--f:convertDateTime type="both" dateStyle="both" pattern="yyyy/MM/dd" /--> 
                                    <!--f:convertDateTime locale="en_US" type="both" dateStyle="short" timeZone="EDT" /-->
                                </h:outputText>
                            </p:column>  
                            <p:column width="80" style="text-align: left; font-size: 11px">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_tipoTramite}"/></f:facet>
                                <h:outputText value="#{item.tipoTramite.nombre}"/>
                            </p:column>
                            <p:column  width="60" style="text-align: left; font-size: 11px">
                                <f:facet name="header"><h:outputText value="Interesado"/></f:facet>
                                <h:outputText value="#{item.interesArea.interesado.nombres}"/>
                            </p:column>
                            <p:column  width="90" style="text-align: left; font-size: 11px">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_interesArea}"/></f:facet>
                                <h:outputText value="#{item.interesArea.nombre}"/>
                            </p:column>
                            <p:column  width="40" style="text-align: center;font-size: 11px" filterBy="#{item.remitente}"  filterMatchMode="contains">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_remitente}"/></f:facet>
                                <h:outputText value="#{item.remitente}"/>
                            </p:column>
                            <p:column width="140" style="text-align: left; font-size: 11px" filterBy="#{item.asunto}" headerText="Asunto" filterMatchMode="contains">
                                <f:facet name="header" ><h:outputText  value="#{bundle.ListExpedienteTitle_asunto}"  /></f:facet>
                                <h:outputText value="#{item.asunto}" style="text-align: left"/> 
                            </p:column>
                            <p:column width="35" style="text-align: left; font-size: 11px">
                                <f:facet name="header" ><h:outputText value="Nº Doc"/></f:facet>
                                <h:outputText value="#{item.numexpeIngr}"/>
                            </p:column> 
                            <p:column width="20" style="text-align: center; font-size: 11px">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_folios}"/></f:facet>
                                <h:outputText value="#{item.folios}"/>
                            </p:column> 
                            <p:column  width="30" style="text-align: center;font-size: 11px">
                                <f:facet name="header"><h:outputText value="#{bundle.ListExpedienteTitle_proveido}"/></f:facet>
                                <h:outputText value="#{item.proveido}"/>
                            </p:column>                            
                            <p:column  width="30"> 
                                <f:facet name="header"><h:outputText value="Opciones&nbsp;"/></f:facet>
                                <p:commandButton value="Ver"  oncomplete="expSelecDialog.show()" update=":frmDetalle"  actionListener="#{expedienteController.getExpediente(item)}">
                                    <f:setPropertyActionListener value="#{item}" target="#{expedienteController.expedient}" />
                                </p:commandButton>

                            </p:column> 
                            <f:facet name="footer">  
                                &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                <h:commandButton actionListener="#{expedienteController.PDFov}" title="Cargo de Registro" image="/resources/img/print.PNG" value="Cargo de Registro"/>
                                &nbsp; &nbsp;  &nbsp;  &nbsp;  &nbsp;    
                                <h:commandButton actionListener="#{expedienteController.cantReg}" title="Cant.Registros Recepcionados" image="/resources/img/print.PNG" value="Cant.Registros"/>
                                &nbsp; &nbsp;  &nbsp;  &nbsp;  &nbsp;  
                                <h:commandButton actionListener="#{expedienteController.cantDiaria}" title="Detalle Registros Recepcionados en el mes" image="/resources/img/impres.png" value="Cant.Registros"/>
                                &nbsp; &nbsp;  &nbsp;  &nbsp;  &nbsp;   
                                <h:commandButton actionListener="#{expedienteController.reg_DerivaPrn2}" title="Derivaciones del Registro" image="/resources/img/impres.png" value="Derivaciones"  disabled="#{usuarioController.condicion2()}"    />
                                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
                                <h:commandButton actionListener="#{expedienteController.docAjuntPrn}" title="Documento Adjuntado al Registro" image="/resources/img/impres.png" value="Doc Adjuntos" disabled="#{usuarioController.condicion2()}"   />
                                <!--p:commandButton value="Detalle del Expediente Seleccionado"  oncomplete="expSelecDialog.show()" update=":frm_exped:display "   /-->
                            </f:facet>    
                        </p:dataTable>
                        <!--  ************************Dialog de confirmacion de eliminacion de Expediente *********************** frm_exped  *** appendTo="@(#frm_exped)"  ***    *-->
                        <!--  ************************Dialog de Detalle del Expediente    <p:ajax event="tabChange" listener="#{test.onTabChange}"/>  ******************************-->
                    </h:panelGroup> 
                </p:panel> 
                <!--h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/        del datatable            -->


            </h:form>
            <br/>
            <h:form id="pestana">
                <!--p:panel header="&nbsp;&nbsp; Movimientos del  Registro &nbsp; Nº &nbsp; #{expedienteController.expedient.codExp}" -->
                    <p:tabView id="tabView" dynamic="true" cache="false" activeIndex="0"   >  

                        <p:tab id="tab1" title="Derivaciones " >
                            <h:panelGroup >
                                <p:dataTable value="#{movExpController.lista2}" var="itemd" resizableColumns="true" widgetVar="expTabled1"  emptyMessage="No Hay Registros" 
                                             id="dataTabled" rowKey="#{itemd.idMovExp}" selection="#{movExpController.movexp}" selectionMode="single">

                                    <p:column width="58" style="text-align: left; font-size: 11px;">
                                        <f:facet name="header"><h:outputText value="Fecha/Hora Derivac"/></f:facet>
                                        <h:outputText value="#{itemd.fecha}" style="margin: 0 auto;">
                                            <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
                                        </h:outputText> 
                                    </p:column> 
                                    <p:column width="105" style="text-align: left; font-size: 11px">
                                        <f:facet name="header"><h:outputText value="Area Remitente"/></f:facet>
                                        <h:outputText value="#{itemd.area1.nombre}"/>
                                    </p:column>
                                    <p:column width="105" style="text-align: left; font-size: 11px">
                                        <f:facet name="header"><h:outputText value="Area Derivada"/></f:facet>
                                        <h:outputText value="#{itemd.area.nombre}"/>
                                    </p:column> 
                                    <p:column width="50" style="text-align: left; font-size: 11px"> 
                                        <f:facet name="header"><h:outputText value="Doc.Derivado"/></f:facet>
                                        <h:outputText value="#{itemd.tipoDocInterno.nombre}"/>
                                    </p:column>
                                    <p:column width="23" style="text-align: center; font-size: 11px">
                                        <f:facet name="header"><h:outputText value="N°Doc"/></f:facet>
                                        <h:outputText value="#{itemd.numdocEmitido}"/>
                                    </p:column>
                                    <p:column width="15" style="text-align: center; font-size: 11px">
                                        <f:facet name="header"><h:outputText value="Folios"/></f:facet>
                                        <h:outputText value="#{itemd.folios}"/>
                                    </p:column>

                                    <p:column width="190" style="text-align: left; font-size: 11px">
                                        <f:facet name="header"><h:outputText value="Asunto"/></f:facet>
                                        <h:outputText value="#{itemd.asunto}"/>
                                    </p:column>

                                    <p:column width="58" style="text-align: left; font-size: 11px">
                                        <f:facet name="header"> <h:outputText value="Resp.Derivación"/> </f:facet>
                                        <h:outputText value="#{itemd.trabajador.apePat.trim()} #{item.trabajador.nombres.trim()}"/>
                                    </p:column>
                                    <p:column width="183" style="text-align: left; font-size: 11px">
                                        <f:facet name="header"><h:outputText value="Acciones"/></f:facet>
                                        <h:outputText value="#{itemd.observacion}"/>
                                    </p:column>

                                </p:dataTable>
                            </h:panelGroup>
                        </p:tab>
                        <p:tab id="tab2" title="Documentos Adjuntos "  >  
                            <h:panelGroup  >
                                <p:dataTable value="#{movExpController.lista3}" var="itema" widgetVar="expTable2"  emptyMessage="No Hay Registros"  
                                             rowKey="#{itema.idDocAdj}" selection="#{docAdjuntoController.docadjunto}" selectionMode="single" id="dataTablea">
                                    <p:column width="65" style="text-align: center; font-size: 12px; ">
                                        <f:facet name="header">
                                            <h:outputText value="Nº de Registro"/>
                                        </f:facet>
                                        <h:outputText value="#{itema.expediente}"/>
                                    </p:column>
                                    <p:column width="75" style="text-align: center; font-size: 12px; ">
                                        <f:facet name="header">
                                            <h:outputText value="Fecha y Hora"/>
                                        </f:facet>
                                        <h:outputText value="#{itema.fechIngre}">
                                            <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
                                        </h:outputText>
                                    </p:column>

                                    <p:column width="290" style="text-align: left; font-size: 12px; ">
                                        <f:facet name="header">
                                            <h:outputText value="Motivo"/>
                                        </f:facet>
                                        <h:outputText value="#{itema.observacion}"/>
                                    </p:column>
                                    <p:column  width="90" style="text-align: center; font-size: 12px; ">
                                        <f:facet name="header">
                                            <h:outputText value="Documento Adjunto"/>
                                        </f:facet>
                                        <h:outputText value="#{itema.estadoDoc.nombre}"/>
                                    </p:column>
                                </p:dataTable>
                            </h:panelGroup>
                        </p:tab>  
                        <p:tab id="tab3" title="Registros según Prioridad"  >
                            <center>
                                <h:panelGrid id="pnlPri" columns="2">
                                    <h:outputText value="Desde el Dia " /> 
                                    <p:calendar value="#{expedienteController.fecha_ini}"  size="11" showOn="button" locale="es" style="text-align: center; font-weight: 700; font-size: 12px; " />  
                                    <h:outputText value="Hasta el Dia " /> 
                                    <p:calendar value="#{expedienteController.fecha_fin}" size="11" showOn="button" locale="es" style="text-align: center; font-weight: 900; font-size: 12px; " />  
                                    <h:outputLabel value="Tipo Prioridad" style="color: coral; font-weight: bold " />
                                    <h:selectOneMenu value="#{expedienteController.expedient.tipoPriorida}" title="Tipo Prioridad" >
                                        <f:selectItems value="#{tipoPrioridaController.itemsAvailableSelectOne}"/>
                                    </h:selectOneMenu>
                                </h:panelGrid>
                                <br /> &nbsp;&nbsp;
                                <h:commandButton actionListener="#{expedienteController.seg_PrioriPrn}" title="Listar Prioridades" image="/resources/img/impres.png" value="Registro x Prioridad"  disabled="#{usuarioController.condicion2()}"    />
                                <br /> 

                            </center>
                        </p:tab>
                        <p:tab id="tab4" title="Registro x Tipo de Trámite"  >
                            <center>
                                <h:panelGrid id="pnlTrami" columns="2">
                                    <h:outputText value="Desde el Dia " /> 
                                    <p:calendar value="#{expedienteController.fecha_ini}"  size="11"  showOn="button" locale="es" style="text-align: center; font-weight: 700; font-size: 12px; " />  
                                    <h:outputText value="Hasta el Dia " /> 
                                    <p:calendar value="#{expedienteController.fecha_fin}" size="11" showOn="button" locale="es" style="text-align: center; font-weight: 900; font-size: 12px; " />  
                                    <h:outputLabel value="Tipo Tramite" style="color: coral; font-weight: bold"/>
                                    <h:selectOneMenu id="tipoTramite" value="#{expedienteController.expedient.tipoTramite}" title="Tipo de Tramite" >
                                        <f:selectItems value="#{tipoTramiteController.itemsAvailableSelectOne}"/>
                                    </h:selectOneMenu>
                                </h:panelGrid>
                                <br /> &nbsp;&nbsp;
                                <h:commandButton actionListener="#{expedienteController.seg_TipTramite}" title="Listar Tipo Trámite" image="/resources/img/impres.png" value="Registros x Tipo Tramite"  disabled="#{usuarioController.condicion2()}"    />
                                <br /> 

                            </center>
                        </p:tab>
                        <p:tab id="tab5" title="Registro x Area Interesada"  >
                            <center>
                                <h:panelGrid id="pnlAreaInt" columns="2">
                                    <h:outputText value="Desde el Dia " /> 
                                    <p:calendar value="#{expedienteController.fecha_ini}"  size="11"  showOn="button" locale="es" style="text-align: center; font-weight: 700; font-size: 12px; " />  
                                    <h:outputText value="Hasta el Dia " /> 
                                    <p:calendar value="#{expedienteController.fecha_fin}" size="11" showOn="button" locale="es" style="text-align: center; font-weight: 900; font-size: 12px; " />  
                                    <h:outputLabel value="Area Interesada"  style="color: coral; font-weight: bold"/>        
                                    <h:selectOneMenu id="interesArea" value="#{expedienteController.expedient.interesArea}"  style="width: 340px; font-size: 11px;" title="Area Interesada" >
                                        <f:selectItems value="#{interesAreaController.itemsAvailableSelectOne}"/>
                                    </h:selectOneMenu> 
                                </h:panelGrid>
                                <br /> &nbsp;&nbsp;
                                <h:commandButton actionListener="#{expedienteController.seg_AreaInt}" title="Listar Area Interesada" image="/resources/img/impres.png" value="Registros x Area Interesada"  disabled="#{usuarioController.condicion2()}"    />
                                <br /> 
                            </center>
                        </p:tab> 
                        <p:tab id="tab6" title="Registro x Estado del Registro"   >
                            <center>
                                <h:panelGrid id="pnlEstDoc1" columns="2"  >
                                    <h:outputText value="Desde el Dia " /> 
                                    <p:calendar value="#{expedienteController.fecha_ini}"  size="11"  showOn="button" locale="es" style="text-align: center; font-size: 12px; " />  
                                    <h:outputText value="Hasta el Dia " /> 
                                    <p:calendar value="#{expedienteController.fecha_fin}" size="11" showOn="button" locale="es" style="text-align: center; font-size: 12px; " />  
                                    <h:outputLabel value="Tipo de Estado"  style="color: coral; font-weight: bold"/>        
                                    <h:selectOneMenu id="EstadoDoc" value="#{expedienteController.tipoDocAdj}"  style="width: 140px; font-size: 11px;" title="Area Interesada" >
                                        <f:selectItems value="#{estadoDocController.itemsAvailableSelectOne}"/>
                                    </h:selectOneMenu> 
                                    <br /> &nbsp;
                                    &nbsp;
                                    <h:commandButton actionListener="#{expedienteController.seg_EstaDoc}" title="Listar por Estado" image="/resources/img/impres.png" value="Registros x Area Interesada"  disabled="#{usuarioController.condicion2()}"    />
                                </h:panelGrid>
                            </center>
                            &nbsp;&nbsp;
                            <br /> 
                       </p:tab>
                    </p:tabView>
                <!--/p:panel-->

            </h:form>

            <p:confirmDialog id="confirmDelete" header="Confirmar Eliminación " widgetVar="deleteDialog1" severity="alert" showEffect="fade" appendToBody="true" 
                             hideEffect="fade" closeOnEscape="true"  message="¿Eliminará el Expediente Nº '#{expedienteController.expedient.codExp}' ?">
                <h:form>
                    <p:commandButton id="accept" value="Eliminar" update=":confirmDelete,:frm_exped" oncomplete="deleteDialog1.hide();"
                                     actionListener="#{expedienteController.eliminaExp()}" ajax="true"> 
                    </p:commandButton>
                    <p:commandButton id="decline" value="Cancelar" oncomplete="deleteDialog1.hide();" onclick="deleteDialog1.hide();" type="button" />

                </h:form>
            </p:confirmDialog>  
            <!--h:form id="frmEditar"-->
            <!--  ************************Dialog de confirmacion de Edicion de Expediente ****************************  appendToBody="false TRUE"   **-->            
            <p:dialog  id="confirmEditar" header="Editar Registro" appendTo="@(body)" closeOnEscape="true" widgetVar="dlgEditar" resizable="false" showEffect="fade" hideEffect="explode" >
                <h:form>
                    <h:panelGrid id="pgEditar"  columns="2" cellpadding="7" style="margin: 0 auto;">

                        <h:outputText value="Nº Registro: " style="color: blue;" />
                        <h:outputLabel value="tipoTramite" for="tipoTramite" style="color: blue;"/>
                        <h:outputText value="#{expedienteController.expedient.codExp}" style="font-size: 18px; font-weight: 700; color: red;"  />
                        <h:selectOneMenu id="tipoTramite" value="#{expedienteController.expedient.tipoTramite}" title="Tipo de Tramite" required="true" requiredMessage="#{bundle.EditExpedienteRequiredMessage_tipoTramite}">
                            <f:selectItems value="#{tipoTramiteController.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>
                        <h:outputLabel value="Area Interesada" for="interesArea" style="color: blue;"/>        
                        &nbsp;
                        <h:selectOneMenu id="interesArea" value="#{expedienteController.expedient.interesArea}"  style="width: 270px;" title="Area Interesada" required="true" requiredMessage="#{bundle.EditExpedienteRequiredMessage_interesArea}">
                            <f:selectItems value="#{interesAreaController.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu> 
                        &nbsp;
                        <h:outputText value="Remite: " style="color: blue;"/>
                        <h:outputText value="Asunto : " style="color: blue;"/>
                        <p:inputTextarea value="#{expedienteController.expedient.remitente}" rows="6" cols="37" style="width: 200px;" />
                        <p:inputTextarea value="#{expedienteController.expedient.asunto}" rows="6" cols="37" style="width: 270px;" />
                        <h:outputText value="Nº Documento Recibido: "  style="color: blue;"/>                    
                        <h:outputText value="Folios: " style="color: blue;"/>
                        <p:inputText value="#{expedienteController.expedient.numexpeIngr}"  />
                        <p:inputText value="#{expedienteController.expedient.folios}"  />
                        <h:outputText value="Proveido: " style="font-size: 11px; color: blue;"/>
                        <h:outputText value="Detalle Reg.: " style="color: blue;"/>
                        <p:inputText value="#{expedienteController.expedient.proveido}" style="width: 200px;" />
                        <p:inputText value="#{expedienteController.expedient.detalleExpe}" style="width: 200px;" />
                        <h:outputLabel value="Tipo Docum Tramite" for="tipoDocTra" style="color: blue;"/> 
                        <h:outputLabel value="Tipo de Prioridad" for="tipoPriorida" style="color: blue;"/>
                        <h:selectOneMenu id="tipoDocTra" value="#{expedienteController.expedient.tipoDocTra}" title="Tip Docum Tramite" required="true" requiredMessage="#{bundle.EditExpedienteRequiredMessage_tipoDocTra}">
                            <f:selectItems value="#{tipoDocTraController.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>
                        <h:selectOneMenu id="tipoPriorida" value="#{expedienteController.expedient.tipoPriorida}" title="Tipo Prioridad" required="true" requiredMessage="#{bundle.EditExpedienteRequiredMessage_tipoPriorida}">
                            <f:selectItems value="#{tipoPrioridaController.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>
                        <h:outputLabel value="Tipo de Inmuebles" for="inmuebles" style="color: blue;" />
                        <h:outputText value="Observación: " style="font-size: 11px; color: blue;"/>
                        <h:selectOneMenu id="inmuebles" value="#{expedienteController.expedient.inmuebles}" style="width: 270px;" title="Tipo Inmuebles}" >
                            <f:selectItems value="#{inmueblesController.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>                        
                        <p:inputText value="#{expedienteController.expedient.observac}" style="width: 270px;" />
                    </h:panelGrid>      
                    <p:separator /> 
                    <center> 
                        <p:commandButton id="accept" value="Grabar" update=":confirmEditar,:frm_exped" oncomplete="dlgEditar.hide();"  
                                         action="#{expedienteController.update()}" ajax="true" >
                        </p:commandButton>

                    </center>

                </h:form>  
            </p:dialog> 
            <!--/h:form-->    
            <!-- Form Detalle del Expediente -->  
            <h:form id="frmDetalle" >  
                <p:dialog header=" Detalle del Registro Seleccionado" closeOnEscape="true" widgetVar="expSelecDialog" resizable="false" width="680"  
                          showEffect="fade" hideEffect="explode" >
                    <h:panelGrid id="display" columns="2" cellpadding="4"  style="font-size: 11px;" onclick="recargar();">
                        <h:outputText value="Registro" style="font-size: 13px; color: red;" />
                        <h:outputText value="#{expedienteController.expedient.codExp}" style="font-size: 18px; font-weight: 700; color: red;" />
                        <h:outputText value="TipoTramite" style="font-size: 11px;" />
                        <p:inputText value="#{expedienteController.expedient.tipoTramite.nombre}" style="color: blue;width: 270px;" readonly="true"/>
                        <h:outputText value="Interesado" style="font-size: 11px;" />
                        <p:inputText value="#{expedienteController.expedient.interesArea.interesado.nombres}" style="color: blue; width: 270px;" readonly="true" />
                        <h:outputText value="AreaInteresad" style="font-size: 11px;" />
                        <p:inputText value="#{expedienteController.expedient.interesArea.nombre}" style="color: blue; width: 570px;"  readonly="true"/>
                        <h:outputText value="Remitente:" style="font-size: 11px;" /> 
                        <p:inputTextarea value="#{expedienteController.expedient.remitente}" rows="2" style="color: blue;width: 570px;" cols="65" readonly="true" />                                
                        <h:outputText value="Asunto" style="font-size: 11px;" />
                        <p:inputTextarea value="#{expedienteController.expedient.asunto}" rows="4" style="color: blue; width: 570px;" cols="65" readonly="true"/>
                        <h:outputText value="Nº Documen" style="font-size: 11px;" />  
                        <p:inputText value="#{expedienteController.expedient.numexpeIngr}" style="color: blue; width: 200px;" readonly="true"/>                                
                        <h:outputText value="Nº Folios" style="font-size: 11px;" />
                        <p:inputText value="#{expedienteController.expedient.folios}" style="color: blue; width: 200px;" readonly="true"/>
                        <h:outputText value="Proveido" style="font-size: 11px;" />
                        <p:inputText value="#{expedienteController.expedient.proveido}" style="color: blue; width: 200px;" readonly="true"/>                                
                        <h:outputText value="Detalle Reg." style="font-size: 11px;" />
                        <p:inputTextarea value="#{expedienteController.expedient.detalleExpe}" rows="2" style="color: blue; width: 530px;" readonly="true"/>
                        <h:outputText value="Responsable:" style="font-size: 11px;" /> 
                        <p:inputText value="#{expedienteController.expedient.trabajador.nombres}, #{expedienteController.expedient.trabajador.apePat}" style="color: blue; width: 220px;" readonly="true" />
                        <h:outputText value="TipDocum:" style="font-size: 11px;" />
                        <p:inputText value="#{expedienteController.expedient.tipoDocTra.nombre}" style="color: blue; width: 220px;" readonly="true"/>
                        <h:outputText value="Prioridad:" style="font-size: 11px;" />
                        <p:inputText value="#{expedienteController.expedient.tipoPriorida.nombre}" style="color: blue; " readonly="true"/>
                        <h:outputText value="Inmueble:" style="font-size: 11px;" />
                        <p:inputTextarea value="#{expedienteController.expedient.inmuebles.direccion}" rows="2"  
                                         style="color: blue; width: 570px;" cols="65" readonly="true"/>
                        <h:outputText value="Observación:" style="font-size: 11px;" />
                        <p:inputTextarea value="#{expedienteController.expedient.observac}" rows="2" style="color: blue; width: 570px;" cols="65" readonly="true"/>
                    </h:panelGrid>
                </p:dialog>
            </h:form> 
            <!-- Formulario Editar Expediente-->
            <!--h:form id="frmEditar"-->

            <!--/h:form--> 

            <!-- Formulario Nuevo -->

            <p:dialog id="confNuevo"  header="Nuevo Registro"  closeOnEscape="true" widgetVar="dlgNuevo" resizable="false" showEffect="fade" hideEffect="explode" appendTo="@(body)" >
                <h:form id="frmNuevo">
                    <p:growl id="growl" showDetail="true" sticky="true" />  
                    <!--   -->
                    <h:panelGrid id="pgNuevo"  columns="2" cellpadding="7" style="margin: 0 auto;">

                        <h:outputText value="Nº Registro: " style="color: blue;" />
                        <h:outputLabel value="tipoTramite" for="tipoTramite" style="color: blue;"/>
                        <h:inputText id="idreg" value="#{expedienteController.expedient.codExp}#{expedienteController.expedient.tipoTramite.sigla}#{expedienteController.expedient.interesArea.interesAreaPK.idInter}#{expedienteController.expedient.interesArea.interesAreaPK.idIntArea}#{expedienteController.expedient.interesArea.correla}" style="font-size: 17px; font-weight: 700; color: red;" disabled="true"  />
                        <h:selectOneMenu id="tipoTramite" value="#{expedienteController.expedient.tipoTramite}" title="Tipo de Tramite" required="true" requiredMessage="#{bundle.EditExpedienteRequiredMessage_tipoTramite}">
                            <f:selectItems value="#{tipoTramiteController.itemsAvailableSelectOne}"/>
                            <f:ajax render="idreg" />  
                        </h:selectOneMenu>

                        <h:outputLabel value="Area Interesada" for="interesArea" style="color: blue;"/>        
                        &nbsp;
                        <h:selectOneMenu id="interesArea" value="#{expedienteController.expedient.interesArea}"  style="width: 270px;" title="Area Interesada" required="true" requiredMessage="#{bundle.EditExpedienteRequiredMessage_interesArea}">
                            <f:selectItems value="#{interesAreaController.itemsAvailableSelectOne}"/>
                            <f:ajax render="idreg" />
                        </h:selectOneMenu>
                        &nbsp;

                        <h:outputText value="Remite: " style="color: blue;"/>
                        <h:outputText value="Asunto : " style="color: blue;"/>
                        <p:inputTextarea value="#{expedienteController.expedient.remitente}" rows="6" cols="37" style="width: 200px;" />
                        <p:inputTextarea value="#{expedienteController.expedient.asunto}" rows="6" cols="37" style="width: 270px;" />

                        <h:outputText value="Nº Documento Recibido: "  style="color: blue;"/>                    
                        <h:outputText value="Folios: " style="color: blue;"/>
                        <p:inputText value="#{expedienteController.expedient.numexpeIngr}" maxlength="15" />
                        <p:inputText value="#{expedienteController.expedient.folios}"  />

                        <h:outputText value="Proveido: " style="font-size: 11px; color: blue;"/>
                        <h:outputText value="Detalle Reg.: " style="color: blue;"/>
                        <p:inputText value="#{expedienteController.expedient.proveido}" maxlength="8" style="width: 100px;" />
                        <p:inputTextarea value="#{expedienteController.expedient.detalleExpe}" rows="3" cols="37" style="width: 270px;" />

                        <h:outputLabel value="Tipo Docum Tramite" for="tipoDocTra" style="color: blue;"/> 
                        <h:outputLabel value="Tipo de Prioridad" for="tipoPriorida" style="color: blue;"/>
                        <h:selectOneMenu id="tipoDocTra" value="#{expedienteController.expedient.tipoDocTra}" title="Tip Docum Tramite" required="true" requiredMessage="#{bundle.EditExpedienteRequiredMessage_tipoDocTra}">
                            <f:selectItems value="#{tipoDocTraController.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>
                        <h:selectOneMenu id="tipoPriorida" value="#{expedienteController.expedient.tipoPriorida}" title="Tipo Prioridad" required="true" requiredMessage="#{bundle.EditExpedienteRequiredMessage_tipoPriorida}">
                            <f:selectItems value="#{tipoPrioridaController.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>

                        <h:outputLabel value="Tipo de Inmuebles" for="inmuebles" style="color: blue;" />
                        <h:outputText value="Observación: " style="font-size: 11px; color: blue;"/>
                        <h:selectOneMenu id="inmuebles" value="#{expedienteController.expedient.inmuebles}" style="width: 270px;" title="Tipo Inmuebles}" >
                            <f:selectItems value="#{inmueblesController.itemsAvailableSelectOne}"/>
                        </h:selectOneMenu>                        
                        <p:inputText value="#{expedienteController.expedient.observac}" style="width: 270px;" />

                    </h:panelGrid> 
                    <p:separator />
                    <p:commandButton id="cnew"   onclick="recargar()" value="Guardar" update=":frm_exped,:dataTable"  oncomplete="dlgNuevo.hide()" icon="ui-icon-pencil" 
                                     actionListener="#{expedienteController.grabaExpedi()}" ajax="false"  />  
                    <p:commandButton value="Cancelar" update=":confNuevo,:frm_exped"  oncomplete="dlgNuevo.hide()" icon="ui-icon-trash" title="Cancelar" />  

                </h:form>

            </p:dialog>


        </ui:define>
    </ui:composition>

</html> 
